<template>
<div class="ft">
     <div id="xi">
        <mt-header title="管理收货地址" class="inmoder" fixed id="po">
          <mt-button icon="back" slot="left"></mt-button>
        </mt-header>
    </div>
    <div class="ht">
        <div v-for="(item,t) in uid " :key="t">
            <div v-for="(item,i) in name " :key="i">
                {{ item.name }}
            </div>
            <span class="sj"  v-for="(item,p) in phone " :key="p">{{ item.phone }}</span>
            </div>6
            <div>
                 <div  class="mk" v-for="(item,r) in regres " :key="r" >{{ item.regres }}</div>
                 <div class="mk" v-for="(item,e) in addres " :key="e"  >{{item.addres}}</div>
            </div>
        <hr>
    </div>
    <div id="cm">
            <mt-button type="primary" size="large" style="margin-top:40px" @click="samForm" id="btn">新增收货地址</mt-button>
    </div>

</div>
   
</template>
<style scoped> 
    .mk{
        font-size:3vw;
    }
    .sj{
         font-size:3vw;
        padding-left: 5vw;
    }
  .ft{
        height: 170vw;
        width: 100vw;
        background-color: rgb(242,242,242);
        
    }
    #xi{
        margin-bottom: 13vw;
        display: flex;
    }
    .ht{
        text-align: left;
        background-color: #fff;
    }
</style>
<script>
export default {
    data(){
        return{
            uid: [],
            name: [],
            phone: [],
            regres: [],
            addres: []
        }
    },
    methods:{
        ht(){
         this.axios.get('/address').then(res=>{
             console.log(res);
             this.name = res.data
             this.phone =res.phone
             this.regres = res.regres
             this.addres = res.addres
         })
        } 
    },   
 mounted(){
        this.ht()
        },
}

</script>